body {
color: #333333;
background: #fcfbf5 none repeat scroll top left;
}


h1 { 
font-size:40px;  
color:#333; 
margin:0;
 }
h2{
font-size:36px;	
 color:#333;
}

img { border: 0; max-width: 100%; }

a { color:#39F; text-decoration:none; }
a:hover { color: #30F; text-decoration:underline;}

#wrapperrr {
  display: block;
  max-width: 1075px;
  min-width: 300px;
  margin: 0 auto;
  margin-top: 15px;
}
#contenttt {
  display: block;
  background-color: #fefefe;
  margin: 30px 18px;
  padding: 0 20px 0 20px;
  margin-bottom: 30px;
  -webkit-box-shadow: 3px 5px 20px 0 rgba(38,38,38,0.8);
  -moz-box-shadow: 3px 5px 20px 0 rgba(38,38,38,0.8);
  box-shadow: 3px 5px 20px 0 rgba(38,38,38,0.8);
}


.scrollup {
    width: 50px;
    height: 36px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    text-indent: -9999px;
    background: url('../images/top.png') no-repeat;
}


#bacaan{ font-size:18px;}
.photos {  display: block;}
.photos ul {  list-style: none;}
.photos ul li { display: inline; }
.photos ul li a {
  display: block;
  float: left;
  padding: 10px;
  margin-right: 5px;
  margin-bottom: 7px;
  opacity: 1;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.photos ul li a:hover{  opacity: 0.7;}
.photos ul li a img {  border: 4px solid #333;}
.photos ul li a img:hover {  border-color:#39F;}
/* CSS Clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } /* IE 6/7 */
/* lightbox hacks */
#lightbox-container-image-data-box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.table ul
{
float:left;
margin:0;
padding:0 10px 0 15px;
}
.table ul li{list-style:none;}

footer{
 font-family:"Comic Sans MS", cursive;
 font-weight:100;
 font-size:xx-small;
 	
}

.bawah ul
{
float:left;
margin:0;
}
.bawah ul li{list-style:none;}
#sitemap{
margin:0;
font-family: 'Chewy', cursive;
font-size:36px;
}
#sitemap a{ color:#444;	}
#sitemap img{
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}	

#sitemap a:hover img{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}	

#menuatas{font-family: 'Lemon', cursive; font-size:18px;}
#menuatas a{
padding:0 15px 0 15px;
color:#333;	
}

#tarif td{
	padding:2px 5px 2px 5px;
}
#tarif tr:hover{
background-color:#999;	
}
.highlight_word{
        background-color: #6F6;
}
#tarif{
margin-bottom:30px;	
}